{% extends "personnel/employee/widgets/frame.html" %}
{% load i18n %}
  {% block empUrl %}
    var empUrl = '/personnel/api/employee/?company={{ widget.company }}';
 {% endblock empUrl %}
 {% block personnel_department_tree_nodesUrl %}
         url: "{% url 'biotime:personnel_department_tree_nodes' %}{{ widget.company }}" ,
   {% endblock personnel_department_tree_nodesUrl %}
    {% block unselect_opts %}
    var unselect_opts = {
      id: "id-employee-frame-unselect"
      , elem: "#id-employee-frame-unselect"
      , cellMinWidth: 80
      , height: '340'
      , page: {
        layout: ['limit', 'count',  'prev', 'next', 'skip']
        ,curr: 1
      }
      , limits: [20, 50, 80, 100, 200]
      , limit: 20
      , request: {
        limitName: "page_size"
        , pageName: "page"
      }
      , text: {
        none: gettext("none_data")
      }
      , cols: [[
        {field: 'id', width: "40", type: "checkbox"}
        , {field: 'emp_code', title: "{% trans 'emp_field_employeeCode' %}", width: "80"}
        , {field: 'first_name', title: "{% trans 'emp_field_firstName' %}", width: "120"}
        , {field: 'last_name', title: "{% trans 'emp_field_lastName' %}", width: "120"}
        , {field: 'dept_name', title: "{% trans 'employee_field_department' %}", width: "120"}
        , {field: 'flow_role_name', title: "{% trans 'emp_field_workflowRole' %}", width: "120"}
      ]]
      , url: empUrl
      , smartReloadModel: true
      , done: function (res, curr, count) {
        pageData = res;
        table_data = res.data;
        //在缓存中找到emp_code ,然后设置data表格中的选中状态
        //循环所有数据，找出对应关系，设置checkbox选中状态
        for(var i=0;i<res.data.length;i++){
            for(var j=0;j<gloable_pm_codes.length;j++){
                if(res.data[i].id==gloable_pm_codes[j]){
                    //这里才是真正的有效勾选
                    res.data[i]["LAY_CHECKED"]='true';
                    //找到对应数据改变勾选样式，呈现出选中效果
                    var index= res.data[i]['LAY_TABLE_INDEX'];
                    $('#id-frame-unselect-container .layui-table tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
                    $('#id-frame-unselect-container .layui-table tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
                }
            }
        }
        //设置全选checkbox的选中状态，只有改变LAY_CHECKED的值， table.checkStatus才能抓取到选中的状态
        var checkStatus = layui.table.checkStatus('employee-unselect');
        if(checkStatus.isAll){
            $(' .layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
            $('.layui-table-header th[data-field="0"] input[type="checkbox"]').next().addClass('layui-form-checked');
        }
      }
    };
     {% endblock unselect_opts %}
  {% block selected_opts %}
    var selected_opts = {
      id: "id-employee-frame-selected"
      , elem: "#id-employee-frame-selected"
      , cellMinWidth: 80
      , height: '340'
      , page: false
      , text: {
        none: gettext("none_data")
      }
      , cols: [[
        {field: 'id', title: "ID", width: "40", type: "checkbox"}
        , {field: 'emp_code', title: "{% trans 'emp_field_employeeCode' %}", width: "80", sort: true}
        , {field: 'first_name', title: "{% trans 'emp_field_firstName' %}", width: "120", sort: true}
        , {field: 'last_name', title: "{% trans 'emp_field_lastName' %}", width: "120", sort: true}
        , {field: 'dept_name', title: "{% trans 'employee_field_department' %}", width: "120"}
        , {field: 'flow_role_name', title: "{% trans 'emp_field_workflowRole' %}", width: "120"}
      ]]
      , data: []
      , smartReloadModel: true
    };
    {% endblock selected_opts %}
{% block selected_flow_role %}
    $.ajax({
        url: "/personnel/api/employee/filter_by_flow_role/?flow_role={{ widget.value }}&company={{ widget.company }}",
        type: "GET",
        dataType: "json",
        success: function (res) {
            table_data = res.data;
            table_data.forEach(function(item){
                item['LAY_CHECKED'] = true;
            });
            $("#selected_count").html(table_data.length);
            table.reload(selectedTB.config.id, {data: table_data, limit: table_data.length, initSort: 'id'});
        }
      });
{% endblock selected_flow_role %}